{template 'common/header'}
<link rel="stylesheet" type="text/css" href="{$_W['siteroot']}app/themes/hccc04/home/js/style.css" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<style>
	body{
	font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']};
	color:{$_W['styles']['fontcolor']};
	padding:0;
	margin:0;
	background-size:cover;
	background-color:{if empty($_W['styles']['indexbgcolor'])}#ECECEC{else}{$_W['styles']['indexbgcolor']}{/if};
	{$_W['styles']['indexbgextra']}
	}
	a{color:{$_W['styles']['linkcolor']}; text-decoration:none;}
	{$_W['styles']['css']}
	.list{width:100%;height:10%;padding:20px 0 20px 0;background:url('{$_W['styles']['indexbgimg']}');background-repeat:no-repeat;background-position:top;}
	.list .list3{overflow:auto; bottom:10px;padding-top:10px;width:90%;margin-left:5%;border-radius:10px;background: rgba(255,255,255,0.6);}
	.list .list2{float:left; display:block; width:50%; height:160px;text-align: center;}
	.list .list-item{display:block; text-decoration:none; outline:none; width:100px; height:100px; margin:5px auto; color:#FFF; border-radius:50%; background:rgba(231,211,202,0.5);/*background:transparent url('./themes/hccc04/images/bg-01.jpg') no-repeat;*/ background-size:cover; overflow:hidden;}
	.list .list-item i{display:block; height:60%; line-height:100%; font-size:35px; color:#FFF; overflow:hidden; text-align:center; padding-top:5px;}
	.list .list-item span{color:{$_W['styles']['fontnavcolor']};display:block; height:20px; line-height:20px; font-size:14px; width:98%; text-align:center; overflow:hidden;}

	.list li{padding: 5px 5px 0 5px; list-style:none;}
	.list li a{display:block; height:71px; padding:5px;background:#FFF; border:1px #DDD solid; border-radius:3px;color:#333; overflow:hidden; text-decoration:none !important; position:relative;}
	.list li a .thumb{width:80px; height:60px;}
	.list li a .title{font-size:14px; padding-left:90px;}
	.list li a .createtime{font-size:12px; color:#999; position:absolute; bottom:5px;padding-left:90px;}	.list-item i{line-height:100px;text-align:center;margin-top:30px;}
</style><script type="text/javascript">var active=0,	as=document.getElementById('pagenavi').getElementsByTagName('a');	for(var i=0;i<as.length;i++){	(function(){		var j=i;		as[i].onclick=function(){			t2.slide(j);			return false;		}	})();}var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){		as[active].className='';		active=index;		as[active].className='active';	}});</script>
<div id="page">
<div class="combann">


<div class="swipe">
				<ul id="slider">
		{php $slides = app_slide(array('multiid'=>$multiid));}
		{loop $slides $row}
		
					<li style="display:block"><a href="{$row['url']}"><img src="{$row['thumb']}" alt="{$row['title']}" /></a></li>
		{/loop}				
				</ul>
				<div id="pagenavi">
			{php $num = 1;}
			{loop $slides $row}	
								<a href="javascript:void(0);" class="{if $num==1}active{else}{/if}"></a>
			{php $num++;}
			{/loop}									
				</div>
</div>
			<!--swipe end-->
			<!--scroller end-->
<script type="text/javascript" src="{$_W['siteroot']}app/themes/hccc04/home/js/touchslider.dev.js"></script>
<script type="text/javascript">
var active=0,
	as=document.getElementById('pagenavi').getElementsByTagName('a');
	
for(var i=0;i<as.length;i++){
	(function(){
		var j=i;
		as[i].onclick=function(){
			t2.slide(j);
			return false;
		}
	})();
}


var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){
		as[active].className='';
		active=index;
		as[active].className='active';
	}});
</script>


</div>
</div>

<div class="list clearfix">
	<div class="list3">		{loop $navs $nav}
		<div class="list2">
			<a href="{$nav['url']}">										{if !empty($nav['icon'])}				<img src="{$_W['attachurl']}{$nav['icon']}" class="list-item"/>				{else}				<div class="list-item"><i class="fa {$nav['css']['icon']['icon']} icon" style="{$nav['css']['icon']['style']}"></i></div>				{/if}			<span style="color:;" title="{$nav['name']}">{$nav['name']}</span>
			</a>		</div>			{/loop}

	
	</div>
</div>



{template 'common/footer'}